<template>
    <div class="userInfo-wrap">
        <div class="userInfo-top">
            <van-nav-bar title="个人信息" @click-left="onClickLeft" left-arrow>
                <template #right>
                    <van-icon name="wap-home-o" size="24" />
                </template>
            </van-nav-bar>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {


        }
    },
    components: {
    },
    methods: {
        onClickLeft() {
            this.$router.go(-1)
            // console.log();
        }
    }
}
</script>
 
<style lang="less" scoped>
.userInfo-wrap {
    height: 100vh;
    background-color: #eee;
    .userInfo-top {
        height: 75px;
        background-color: #003499;
        .van-nav-bar {
            height: 100%;
            background-color: #003499;
            /deep/.van-nav-bar__content {
                height: 100%;
                .van-nav-bar__left {
                    .van-icon-arrow-left {
                        color: #fff;
                        font-size: 30px;
                    }
                }
                .van-nav-bar__title {
                    color: #fff;
                }
                .van-nav-bar__right {
                    .van-icon {
                        color: #fff;
                    }
                }
            }
        }
    }
}
</style>